@import "./../../common/less/common";



  .content{
    display: flex;
    flex-direction: column;
    background-color: #F5F5F5;
    //line-height: .22rem;
    .opacity{
      opacity:0.5;
    }
    .red-item{
      /*background-color: #fff;*/
      margin: 0rem .3rem 0.2rem .3rem;
      border-radius:.1rem;

      .top{
        border-top-left-radius: .1rem;
        border-top-right-radius: .1rem;
        position: relative;
        padding: .3rem .2rem .2rem .2rem;
        /*line-height: .44rem;*/
        background-color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        .tip{
          position: absolute;
          right: 0px;
          top:0px;
          width:1.06rem;
          height:1.06rem;
        }
        .left{
          display: flex;
          flex-direction: row;
          .img{
            border-radius:.1rem;
            width:1.14rem;
            height: 1.14rem;
            img{
              width:100%;
              height: 100%;
            }
          }
          .img-right{
            margin-left: .15rem;
            display: flex;
            flex-direction: column;
            .title{
              flex:1;
              font-size:.28rem;
              font-family:PingFang-SC-Bold;
              font-weight:bold;
              color:rgba(51,51,51,1);
            }
            .limit-time{
              flex:1;
              display: flex;
              align-items: flex-end;
              font-size:.20rem;
              font-family:PingFang-SC-Medium;
              font-weight:500;
              color:rgba(102,102,102,1);
            }
          }
        }
        .right{
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .price{
            font-size:.6rem;
            font-family:HelveticaNeueLTStd-Roman;
            font-weight:normal;
            height: .8rem;
            color:rgba(251,110,82,1);
            span{
              font-size: .28rem;
            }
          }
          .limit{
            font-size:.22rem;
            font-family:PingFang-SC-Medium;
            font-weight:500;
            color:rgba(102,102,102,1);
          }
        }
      }
      .bottom{
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom-left-radius: .1rem;
        border-bottom-right-radius: .1rem;
        padding: .2rem .4rem;
        .shuoming{
          width:4.39rem;
          font-size:.2rem;
          font-family:PingFang-SC-Medium;
          font-weight:500;
          color:rgba(153,153,153,1);
          //line-height:.24rem;
        }

      }
      .center{
        height: .22rem;
        img{
          display: block;
          height: 100%;
          background-size: 100%;
        }
      }
    }

    .unuse{
      width:.46rem;
      height:.46rem;
      background:rgba(251,110,82,0);
      border:1px solid rgba(187,187,187,1);
      border-radius:50%;
    }
    .use{
      background:rgba(251,110,82,1);
      border-radius:50%;
      width: .46rem;
      height: .46rem;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      img{

        width: .2rem;
        height: .14rem;
      }
    }
  }


/deep/ .vux-popup-dialog{
  background: @bgColor;
}
.setPadding{
  padding-top: .15rem;
}

.dialogTicketBox{
  /deep/ .vux-tab {
    .vux-tab-item {
      position: relative;
      font-size: @fs14;
      color: @colorGrayTwo;
      &.vux-tab-selected {
        color: #222222 !important;
        font-weight: bold;
      }
    }
  }
  .scrollerBox{
    position: absolute;
    display: flex;
    flex:1;
    overflow: hidden;
    top: 1rem;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .freightScrollerBox{
    position: absolute;
    top: .84rem;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .leaderBox{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: @colorWhite;
    font-size: @fs16;
    font-weight: bold;
    height: .84rem;
    //line-height: .84rem;
    .rt{
      position: absolute;
      right: .1rem;
      top:0;
      font-weight: 400;
      .exchangeBtn{
        padding: 0 .2rem;
        font-size: @fs14;
        display: inline-block;

        vertical-align: top;
      }
    }
    .img{
      width: .24rem;
      height: .24rem;
      padding: .3rem .2rem;

    }
  }
  .noData{
    text-align: center;
    color: @colorGray;
    .img{
      padding-top: 30%;
      width: 2.8rem;
      height: auto;
      padding-bottom: .1rem;
    }
  }
}

.dialogGoodsWrap{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  z-index: 99999999;
  text-align: center;
  .dialogGoodsBox{
    width: 90%;
    margin-left: 5%;
    margin-top: 20%;

    .title{
      font-size: @fs16;
      background: @colorWhite;
      height: 1rem;
      //line-height: 1rem;
      .base-radius(10px 10px 0 0);
    }
    .conWrap{
      text-align: left;
     height: 7rem;
      background: @colorWhite!important;
      overflow-y: auto;

    }
    .delBtn{
      fill: @colorWhite;
      margin-top: .2rem;

    }
    .bottomBox{

      width: 100%;
      background: @colorWhite;
      padding: .2rem 0;
      text-align: left;
      position: relative;
      .base-radius(0 0 10px 10px);
      .lt{
        padding-left: .2rem;
        color: @colorRed;
      }
      .rt{
        position: absolute;
        right: .2rem;
        top: .2rem;
        .tip{
          color: @colorGray;
        }
        .num{
          font-weight: bold;
        }
      }
    }
  }
}

